<template>
  <footer class="footer">
    <span>Copyright © xxudong Blog All Rights Reserved.</span>
    <a href="http://www.beian.miit.gov.cn/" target="_blank">鄂ICP备20006142号</a>
  </footer>
</template>

<script>
  export default {
    name: "footerVue",
    data() {
      return {}
    },
    methods: {}
  }
</script>

<style lang="less" scoped>
  .footer {
    width: 100%;
    height: 60px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9295a2;
    background-color: #2d3237;
    margin-top: 20px;

    span {
      margin-right: 5px;
    }

    a {
      color: #9295a2;

      &:hover {
        color: @color-blue;
        text-decoration: underline;
      }
    }
  }

  @media screen and (max-width: 767px) {
    .footer {
      flex-direction: column;

      span {
        margin-right: 0;
      }
    }
  }
</style>
